<template>
	<div class="product-add">
		<!--form表单-->
		<el-form size="small" ref="form" :model="form" label-width="200px">
			<!--添加门店-->
			<div class="common-form">修改物流公司</div>
			<el-form-item label="物流公司名称 ">
				<el-input v-model="form.expressName" class="max-w460"></el-input>
				<div class="tips">
					请对照
					<el-link type="primary" :underline="false" @click="gotoCompany()">物流公司编码表</el-link>
					填写
				</div>
			</el-form-item>
			<el-form-item label="物流公司代码 ">
				<el-input v-model="form.expressCode" class="max-w460"></el-input>
				<div class="tips">用于快递100API查询物流信息，务必填写正确</div>
			</el-form-item>
			<el-form-item label="排序">
				<el-input v-model="form.sort" type="number" class="max-w460"></el-input>
				<div class="tips">数字越小越靠前</div>
			</el-form-item>

			<!--提交-->
			<div class="common-button-wrapper"><el-button type="primary" @click="onSubmit"
					:loading="loading">提交</el-button></div>
		</el-form>
	</div>
</template>

<script>
	import SettingApi from '@/api/setting.js';

	export default {
		data() {
			return {
				/*切换菜单*/
				// activeIndex: '1',
				/*form表单数据*/
				form: {
					expressId: '',
					expressName: '',
					expressCode: '',
					sort: ''
				},
				loading: false
			};
		},
		created() {
			this.getData();
		},

		methods: {
			/*获取数据*/
			getData() {
				let self = this;
				// 取到路由带过来的参数
				const params = this.$route.query.expressId;
				SettingApi.expressDetail({
							expressId: params
						},
						true
					)
					.then(res => {
						let detail = res.data;
						// 将数据放在当前组件的数据内
						self.form.expressId = detail.expressId;
						self.form.expressName = detail.expressName;
						self.form.expressCode = detail.expressCode;
						self.form.sort = detail.sort;
					})
					.catch(error => {});
			},

			/*提交表单*/
			onSubmit() {
				let self = this;
				self.loading = true;
				let params = this.form;
				SettingApi.editExpress(params, true)
					.then(data => {
						self.loading = false;
						ElMessage({
							message: '恭喜你，修改成功',
							type: 'success'
						});
						self.$router.push('/setting/express/index');
					})
					.catch(error => {
						self.loading = false;
					});
			},

			/*跳转物流编码*/
			gotoCompany() {
				window.location.href = 'https://qn-cdn.jjjshop.net/20230918111820133.xlsx';
			}
		}
	};
</script>

<style>

</style>